<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-touch-fullscreen" content="yes" />
	<meta name="format-detection" content="telephone=no"/>
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="format-detection" content="telephone=no"/>
	<meta name="msapplication-tap-highlight" content="no" />
	<title></title>
	<script src="js/mui.min.js"></script>
	<link href="css/mui.min.css" rel="stylesheet"/>
	<link href="css/global.css" rel="stylesheet"/>
	<script type="text/javascript" charset="utf-8">
		mui.init();
	</script>
	<style>
		.mui-slider-indicator .mui-indicator{
			margin: 0px 1px 2px 1px;
			background: #e4e2e2;
			box-shadow:none;
		}

	</style>
</head>
<body>
<!-- 导航 -->
<div class="mui-bar mui-bar-nav bj">
	<button id="zhuce" class="mui-btn mui-btn-link mui-btn-nav mui-pull-left zys">
		<img style=" max-width: 50%; vertical-align: middle;" src="images/0.png" />
	</button>

	<button class="mui-btn mui-btn-link mui-btn-nav mui-pull-right zys">
		<img style=" max-width: 50%; vertical-align: middle;" src="images/01.png" />
	</button>

	<a class="fandajin-btn"></a>
	<h1 class="mui-title"><label style="color: #f9b800; font-size: 24px;vertical-align: middle;">276.95</label>&nbsp;&nbsp;<label style="font-size: 18px;vertical-align: middle;">元/克</label></h1>
</div>
<!-- 主体内容 -->
<section>
	<!-- banner -->
	<div class="mui-content mt45" style="margin-top: 45px;">
		<div id="slider" class="mui-slider mui-active">
			<div id="shangpinxiangqing" class="mui-slider-group mui-slider-loop">
				<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
				<div class="mui-slider-item mui-slider-item-duplicate">
					<a href="#">
						<img src="images/11_02.jpg">
					</a>
				</div>
				<!-- 第一张 -->
				<div class="mui-slider-item">
					<a href="#">
						<img src="images/11_02.jpg">
					</a>
				</div>
				<!-- 第二张 -->
				<div class="mui-slider-item">
					<a href="#">
						<img src="images/11_02.jpg">
					</a>
				</div>
				<!-- 第三张 -->
				<div class="mui-slider-item">
					<a href="#">
						<img src="images/11_02.jpg">
					</a>
				</div>

				<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
				<div class="mui-slider-item mui-slider-item-duplicate">
					<a href="#">
						<img src="images/11_02.jpg">
					</a>
				</div>
			</div>
			<div class="mui-slider-indicator">
				<div style="background: #cbcbcb;margin: 0 auto; border-radius: 12px; display: initial; padding: 0px 5px;">
					<div class="mui-indicator mui-active"></div>
					<div class="mui-indicator"></div>
					<div class="mui-indicator"></div>
				</div>
			</div>
		</div>
	</div>
	<!-- 公告 -->
	<div style="padding: 12px 10px; background: #FFFFFF; font-size: 14px;" class="mui-input-row mui-search">
		<span style="color: #333333;">公告： </span><span style="color: #999999;">邀请好友注册充值返银子啦！</span>
	</div>
	<!-- 以下内容 -->



	<div style="height: 10px; background: #F4F4F4;"></div>
	<div style="text-align: center;">
		<img style="width: 100%;float: left;" src="images/index_03.jpg" />
	</div>
	<div id="sicang">
		<div style="height: 20px;"></div>
	</div>

	<!--
        作者：569154771@qq.com
        时间：2016-11-03
        描述：广告图
    -->
	<style>
		.goodsul{float: left; width: 100%;}
		.goodsul li{float: left; max-width: 50%;width: 48.5%; background: #FFFFFF;text-align:center;margin: 0px 1% 1% 1%;}
		.goodsul li:nth-child(even){margin-left: 0px;}
		.goodsul li p{text-align: left;}
	</style>

	<div style="text-align: center;">
		<div style="background: #F4F4F4; height: 10px;"></div>
		<img class="fl" src="images/index_14.jpg" style="width: 100%;" />
	</div>

	<div style="background: #F4F4F4; float: left; width: 100%;">
		<div id="chuantong"></div>
		<div id="songli"></div>
	</div>

	<!--
        作者：569154771@qq.com
        时间：2016-11-04
        描述：银
    -->

	<div style="text-align: center;">
		<div style="background: #F4F4F4; height: 8px; clear: both;"></div>
		<img class="fl" src="images/index_34.jpg" style="width: 100%;" />
	</div>

	<div style="background: #F4F4F4; float: left; width: 100%;">
		<div id="baijian"></div>
		<div id="bigua"></div>
		<div id="chaju"></div>
		<div style="background: #F4F4F4; height: 66px; clear: both;"></div>
	</div>


</section>

<style>
	.indexm{ position: fixed; bottom: 0; width: 100%;background: #000000;}
	.indexm a{ float: left; width: 25%; text-align: center; padding: 6px 0;}
	.indexm a p{ margin-top: -4px;}
</style>
<nav class="indexm">
	<a id="index_item" href="javascript:void(0);">
		<span><img style="max-width: 30px;" src="images/1.1.png"/></span>
		<p class="mui-tab-label" style=" color: #f9b800;">首页</p>
	</a>
	<a id="yinqi_item" href="index2.html">
		<span><img style="max-width: 30px;" src="images/2.png"/></span>
		<p class="mui-tab-label" style=" color: #666666;">银器</p>
	</a>
	<a id="faxian_item" href="javascript:void(0);">
		<span><img style="max-width: 30px;" src="images/3.png"/></span>
		<p class="mui-tab-label" style=" color: #666666;">发现</p>
	</a>
	<a id="huiyuanzhongxin_item" href="javascript:void(0);">
		<span><img style="max-width: 30px;" src="images/4.png"/></span>
		<p class="mui-tab-label" style=" color: #666666;">我的</p>
	</a>
</nav>

</body>

<script type="text/html" id="sicang-list">
	<%
	if(goods_list_sc.length >0){
	for (var i = 0;i<goods_list_sc.length;i++){%>
	<hr style=" width: 90%; border: none; border-top: 1px solid #eeeeee;"/>
	<table style="margin: 0 auto;" width="90%">
		<tr style="color: #333333;font-size: 16px;">
			<td style="max-width: 100px;" rowspan="4">
				<a href="tmpl/product_detail.html?goods_id=<%=goods_list_sc[i].goods_id;%>">
					<img style="max-width: 100%;" src="<%=goods_list_sc[i].goods_image_url%>"/>
				</a>
			</td>
			<td colspan="3"><%=goods_list_sc[i].goods_name%></td>
		</tr>
		<tr style="color: #f9b800; font-size: 15px;" height="12">
			<td><%=goods_list_sc[i].goods_rate%> %</td>
			<td>5年</td>
			<td>8.8元</td>
		</tr>
		<tr style="color: #999999; font-size: 13px;" height="12">
			<td >年收益</td>
			<td>年限</td>
			<td>月分红</td>
		</tr>
		<tr style="color: #c10a1f; font-size: 18px;">
			<td colspan="3">￥<%=goods_list_sc[i].goods_price%></td>
		</tr>
	</table>
	<% }
	}%>
</script>

<script type="text/html" id="chuantong-list">
	<%
	if(goods_list_ct.length >0){
	%>
	<a href="tmpl/product_list_category.html?gc_id=<%=goods_list_ct[0].gc_id%>&gc_name=传统文化">
		<img class="fl" src="images/index_13.jpg" style="width: 100%;"/>
	</a>
	<ul class="goodsul">
		<%
		for (var i = 0;i<goods_list_ct.length;i++){%>
		<li>
			<a href="tmpl/product_detail.html?goods_id=<%=goods_list_ct[i].goods_id;%>">
				<img style="max-width: 100%;" src="<%=goods_list_ct[i].goods_image_url%>"/>
			</a>
			<div style="padding: 10px 12px; line-height: 22px;">
				<p style="color: #555555; font-size: 14px;"><%=goods_list_ct[i].goods_name%></p>
				<div style="color: #c10a1f; font-size: 16px;" class="fl">￥<%=goods_list_ct[i].goods_price%></div>
				<div style="color: #f9b800; font-size: 13px;" class="fr">年收益<%=goods_list_ct[i].goods_rate%>%</div>
				&nbsp;
			</div>
		</li>
		<% }%>
	</ul>
	<%}%>
</script>

<script type="text/html" id="songli-list">
	<%
	if(goods_list_sl.length >0){
	%>
	<a href="tmpl/product_list_category.html?gc_id=<%=goods_list_sl[0].gc_id%>&gc_name=送礼佳品">
		<img src="images/index_31.jpg" style="width: 100%; float: left;" />
	</a>
	<ul class="goodsul">
		<%
		for (var i = 0;i<goods_list_sl.length;i++){%>
		<li>
			<a href="tmpl/product_detail.html?goods_id=<%=goods_list_sl[i].goods_id;%>">
				<img style="max-width: 100%;" src="<%=goods_list_sl[i].goods_image_url%>"/>
			</a>
			<div style="padding: 10px 12px; line-height: 22px;">
				<p style="color: #555555; font-size: 14px;"><%=goods_list_sl[i].goods_name%></p>
				<div style="color: #c10a1f; font-size: 16px;" class="fl">￥<%=goods_list_sl[i].goods_price%></div>
				<div style="color: #f9b800; font-size: 13px;" class="fr">年收益<%=goods_list_sl[i].goods_rate%>%</div>
				&nbsp;
			</div>
		</li>
		<% }%>
	</ul>
	<%}%>
</script>

<script type="text/html" id="baijian-list">
	<%
	if(goods_list_bj.length >0){
	%>
	<a href="tmpl/product_list_category.html?gc_id=<%=goods_list_bj[0].gc_id%>&gc_name=摆件专区">
		<img src="images/index_36.jpg" style="width: 100%; float: left;" />
	</a>
	<ul class="goodsul">
		<%
		for (var i = 0;i<goods_list_bj.length;i++){%>
		<li>
			<a href="tmpl/product_detail.html?goods_id=<%=goods_list_bj[i].goods_id;%>">
				<img style="max-width: 100%;" src="<%=goods_list_bj[i].goods_image_url%>"/>
			</a>
			<div style="padding: 10px 12px; line-height: 22px;">
				<p style="color: #555555; font-size: 14px;"><%=goods_list_bj[i].goods_name%></p>
				<div style="color: #c10a1f; font-size: 16px;" class="fl">￥<%=goods_list_bj[i].goods_price%></div>
				<div style="color: #f9b800; font-size: 13px;" class="fr">年收益<%=goods_list_bj[i].goods_rate%>%</div>
				&nbsp;
			</div>
		</li>
		<% }%>
	</ul>
	<%}%>
</script>

<script type="text/html" id="bigua-list">
	<%
	if(goods_list_bg.length >0){
	%>
	<a href="tmpl/product_list_category.html?gc_id=<%=goods_list_bg[0].gc_id%>&gc_name=壁挂专区">
		<img src="images/index_36-13.jpg" style="width: 100%; float: left;" />
	</a>
	<ul class="goodsul">
		<%
		for (var i = 0;i<goods_list_bg.length;i++){%>
		<li>
			<a href="tmpl/product_detail.html?goods_id=<%=goods_list_bg[i].goods_id;%>">
				<img style="max-width: 100%;" src="<%=goods_list_bg[i].goods_image_url%>"/>
			</a>
			<div style="padding: 10px 12px; line-height: 22px;">
				<p style="color: #555555; font-size: 14px;"><%=goods_list_bg[i].goods_name%></p>
				<div style="color: #c10a1f; font-size: 16px;" class="fl">￥<%=goods_list_bg[i].goods_price%></div>
				<div style="color: #f9b800; font-size: 13px;" class="fr">年收益<%=goods_list_bg[i].goods_rate%>%</div>
				&nbsp;
			</div>
		</li>
		<% }%>
	</ul>
	<%}%>
</script>

<script type="text/html" id="chaju-list">
	<%
	if(goods_list_cj.length >0){
	%>
	<a href="tmpl/product_list_category.html?gc_id=<%=goods_list_cj[0].gc_id%>&gc_name=茶具专区">
		<img src="images/index_36-14.jpg" style="width: 100%; float: left;" />
	</a>
	<ul class="goodsul">
		<%
		for (var i = 0;i<goods_list_cj.length;i++){%>
		<li>
			<a href="tmpl/product_detail.html?goods_id=<%=goods_list_cj[i].goods_id;%>">
				<img style="max-width: 100%;" src="<%=goods_list_cj[i].goods_image_url%>"/>
			</a>
			<div style="padding: 10px 12px; line-height: 22px;">
				<p style="color: #555555; font-size: 14px;"><%=goods_list_cj[i].goods_name%></p>
				<div style="color: #c10a1f; font-size: 16px;" class="fl">￥<%=goods_list_cj[i].goods_price%></div>
				<div style="color: #f9b800; font-size: 13px;" class="fr">年收益<%=goods_list_cj[i].goods_rate%>%</div>
				&nbsp;
			</div>
		</li>
		<% }%>
	</ul>
	<%}%>
</script>
<script type="text/javascript" src="js/config.js"></script>
<script type="text/javascript" src="js/zepto.min.js"></script>
<script type="text/javascript" src="js/template.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</html>